@charset "UTF-8";
@media (max-width:1600px) {
    .wp { max-width: 1200px; }
}
:root { --action: #ff6600; --bgcolor: #f4f4f4; --c333:#333; --c999:#999; --c666:#666; --cfff: #ffffff; --c888:#888888; }
@font-face { font-family: 'DINPro-Regular'; src: url('../fonts/dinproregular.eot'); src: url('../fonts/dinproregular.eot') format('embedded-opentype'), url('../fonts/dinproregular.woff2') format('woff2'), url('../fonts/dinproregular.woff') format('woff'), url('../fonts/dinproregular.ttf') format('truetype'), url('../fonts/dinproregular.svg#dinproregular') format('svg'); }
@font-face { font-family: "DINPro-Medium"; src: url("../fonts/dinpro-medium.woff2") format("woff2"), url("../fonts/dinpro-medium.woff") format("woff"), url("../fonts/dinpro-medium.ttf") format("truetype"), url("../fonts/dinpro-medium.eot") format("embedded-opentype"), url("../fonts/dinpro-medium.svg") format("svg"); font-weight: normal; font-style: normal; }
.font-en { font-family: "DINPro-Medium"; }

/*头部 S*/
.header { /*position: fixed;*/ left: 0; top: 0; right: 0; z-index: 99;/* -webkit-transition: .4s; -o-transition: .4s; transition: .4s;*/ border-bottom: 1px solid rgba(238, 238, 238, .2); }
.header .wp { max-width: 1800px; height: 80px; align-items: center;/* -webkit-transition: .4s; -o-transition: .4s; transition: .4s; */}
.header.fixed { background: #fff; box-shadow: 0 4px 10px rgba(116, 116, 116, 0.1); }
.header.fixed .wp { height: 80px; }
.logo-wrap { align-items: center; }
.logo-wrap img { width: 120px; }
.logo-wrap .slogan { display: block; font-size: 14px; /*color: #aaaeb5;*/ margin-left: 25px; margin-top: 8px; /*-webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; */}
.logo-wrap .slogan b { display: block; font-size: 18px; /*color: #ffffff; font-weight: normal;*/ line-height: 1.1; margin-bottom: 3px; /*-webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s;*/ }
.logo-wrap .inner { display: none; }
.header.inner .logo-wrap .inner, .header.fixed .logo-wrap .inner, .header:hover .logo-wrap .inner { display: block; }
.header.fixed .logo-wrap .nomarl, .header.inner .logo-wrap .nomarl, .header:hover .logo-wrap .nomarl { display: none; }
.header.inner, .header:hover { background: #fff; }
.header.fixed .nav-link, .header.inner .nav-link, .header:hover .nav-link { color: #4d4d4d; }
.languagebtn{width:30px;  margin-left:20px; padding-top:6px; font-weight:bold; font-size:16px;}
/*.header.fixed .logo-wrap .slogan b, .header.inner .logo-wrap .slogan b, .header:hover .logo-wrap .slogan b { color: #201b18; }
.header.fixed .logo-wrap .slogan, .header.inner .logo-wrap .slogan, .header:hover .logo-wrap .slogan { color: #81868e; }*/
.body-inner { padding-top: 101px; }
.nav-list { margin-right: 75px; }
.nav-list li { position: relative; margin-left: 40px; }
.nav-link { display: block; position: relative; font-size: 16px; /*color: #ddd;*/ line-height: 36px; }
.nav-list li.on .nav-link, .nav-link:hover { color: #ff6600 !important; }
.head-search { width: auto; opacity: 1; }
.head-search form { align-items: center; height: 36px; line-height: 34px; border-radius: 18px; border: solid 1px #ff6600; padding-right: 12px; }
.head-search .search-inp { width: 125px; padding: 0 10px 0 20px; font-size: 14px; color: #ff6600; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: .9; }
.head-search:hover .search-inp { opacity: 1; }
.head-search .search-sub { width: 18px; height: 18px; font-size: 18px; color: #ff6600; cursor: pointer; }
.head-search .search-inp::-webkit-input-placeholder { color: #ff6600; opacity: .7; }
.head-search .search-inp:-moz-placeholder { color: #ff6600; opacity: .7; }
.head-search .search-inp::-moz-placeholder { color: #ff6600; opacity: .7; }
.head-search .search-inp:-ms-input-placeholder { color: #ff6600; opacity: .7; }
.header.fixed .head-search .search-inp, .header.inner .head-search .search-inp { color: #333; opacity: 1; }
.header.fixed .head-search .search-inp::-webkit-input-placeholder, .header.inner .head-search .search-inp::-webkit-input-placeholder { color: #81868e; opacity: 1; }
.header.fixed .head-search .search-inp:-moz-input-placeholder, .header.inner .head-search .search-inp:-moz-input-placeholder { color: #81868e; opacity: 1; }
.header.fixed .head-search .search-inp::-moz-input-placeholder, .header.inner .head-search .search-inp::-moz-input-placeholder { color: #81868e; opacity: 1; }
.header.fixed .head-search .search-inp:-ms-input-placeholder, .header.inner .head-search .search-inp:-ms-input-placeholder { color: #81868e; opacity: 1; }

/*手机导航*/
.menu-btn { z-index: 999; overflow: hidden; margin-left: 20px; width: 35px; height: 35px; background: 0 0; text-indent: -5260px; opacity: 1; position: relative; z-index: 999; }
.menu-btn .line-1, .menu-btn .line-2, .menu-btn .line-3 { position: absolute; top: 50%; right: 0; display: block; width: 36px; height: 2px; background: #ff6600; transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s; transition-property: transform, width, margin, background-color }
.menu-btn .line-1 { margin-top: -11px; width: 30px }
.menu-btn .line-3 { margin-top: 11px; width: 30px }
.drawerMenu-open .menu-btn .line-1 { visibility: hidden }
.drawerMenu-open .menu-btn .line-2 { margin-top: 0 !important; width: 100%; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.drawerMenu-open .menu-btn .line-3 { margin-top: 0 !important; width: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.searchbtn { width: 40px; line-height: 38px; text-align: center; font-size: 24px; color: #ff6600; }
.mobNav { position: fixed; top: 50px; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 1); z-index: 98; padding-top: 53px; padding: 40px 5% 30px; display: none }
.mobNav ul { height: 70vh; overflow: auto }
.mobNav ul li { padding: 12px 0; border-bottom: 1px solid #ddd }
.mobNav ul li:last-child { border-bottom: 0 }
.mobNav ul li .navp a { font-size: 15px; color: #333; font-weight: bold; }
.mobNav ul li.cur .navp a { color: #ff6600; }
.mobNav ul li .navp i { display: block; width: 16px; transition: .3s; transform-origin: center; margin-right: 5px }
.mobNav ul li.on .navp i { transform: rotate(-45deg); }
.mobNav ul li .subNavm { margin-top: 10px; padding-left: 10px; display: none }
.mobNav ul li .subNavm a { display: block; line-height: 30px; font-size: 14px }
.headerm { display: none; padding: 10px 0; position: fixed; left: 0; right: 0; top: 0; z-index: 99; box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: #fff; height: 60px }
.headerm .logo img { height: 40px; width: auto; }
.serm { height: 20px; display: inline-block; }
.product-subnav { position: absolute; z-index: 9; left: 0; width: 100%; background: #fff; padding-top: 30px; border-top: 1px solid #ddd; padding-bottom: 50px; display: none; box-shadow: 0 4px 10px rgba(116, 116, 116, 0.1); }
.product-subnav .wp { height: auto; align-items: flex-start; max-width: 1600px;height: auto !important;}
.product-subnav .wp .cate-type { width: 280px; padding-top: 10px; }
.product-subnav .wp .cate-type li { font-size: 16px; margin-bottom: 20px; padding-left: 20px; position: relative; }
.product-subnav .wp .cate-type li:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #ff6600; }
.product-subnav .wp .cate-type li a { color: #333; }
.product-subnav .wp .cate-type li a:hover { color: #ff6600; }
.cate-com { flex: 1; padding-left: 70px; border-left: 1px solid #ddd; }
.cate-com h3 { font-size: 24px; color: #333; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.cate-com .cont a { display: inline-block; width: 16.5%; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 10px; }

.aboutA .about_vr { text-align: center; margin-top: 30px; margin-bottom: 35px; font-size: 16px; line-height: 30px; color: #595757;  width: 100%; margin: 30px auto 35px;   overflow: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; height:440px;}

@media (max-width:1800px) {
    .nav-list li { margin-left: 30px; }
    .product-subnav .cate-com { max-height: 500px; overflow: hidden; padding-top: 20px; padding-bottom: 30px; overflow-y: scroll; }
    .product-subnav .cate-com::-webkit-scrollbar { width: 6px; height: 6px; }
    .product-subnav .cate-com::-webkit-scrollbar-button { background-color: #ddd; }
    .product-subnav .cate-com::-webkit-scrollbar-track { background: #ddd; }
    .product-subnav .cate-com::-webkit-scrollbar-thumb { background: #999; border-radius: 4px; }
    .product-subnav .cate-com::-webkit-scrollbar-corner { background: #999; }
    .product-subnav .cate-com::-webkit-scrollbar-resizer { background: #FF0BEE; }
}
@media (max-width:1600px) {
    .nav-link { font-size: 15px; }
    .nav-list { margin-right: 40px; }
    .logo-wrap .slogan { font-size: 12px; margin-left: 18px; }
    .logo-wrap .slogan b { font-size: 16px; }
    .head-search .search-inp { width: 110px; padding: 0 10px 0 15px; font-size: 12px; }
}
@media (max-width:1440px) {
    .nav-list { margin-right: 30px; }
    .nav-list li { margin-left: 25px; }
    .logo-wrap img { width: 120px; }
}
@media (max-width:1366px) {
    .nav-link { font-size: 14px; }
    .head-search { padding-right: 8px; }
    .head-search .search-inp { width: 100px; padding: 0 5px 0 10px; }
    .product-subnav .wp .cate-type { width: 220px; }
    .cate-com { padding-left: 50px; }
    .cate-com h3 { font-size: 20px; padding-bottom: 12px; margin-bottom: 12px; }
}
@media (max-width:1280px) {
    .logo-wrap img {
        width: 120px;
    }
    .logo-wrap .slogan {
        margin-left: 15px;
    }
    .nav-list li { margin-left: 18px; }
    .header .wp {
        width: 94%;
    }
}
@media (max-width: 1200px) {
    .nav-link {
        font-size: 13px;
    }
}
@media (max-width:1024px) {
    .nav-list li:first-child { margin-left: 0; }
    .header { display: none; }
    .headerm { display: block; }
    body { padding-top: 55px; }
    .menu-btn { transform: translateY(-2px); }
    .headerm { height: 55px }
    .headerm .logo img { height: 40px; width: auto; position: relative; top: -2px; }
}
@media screen and (max-width:768px) {
    
}

/*头部 E*/

/*尾部 S*/
.footer { border-top: 2px solid #336699; background: url(../images/foot-bg.jpg) no-repeat center; background-size: cover; }
.copyright { padding: 20px 0; border-top: 1px solid #39434e; color: #81868e; }
.footA { padding-top: 50px; padding-bottom: 70px; }
.foot-nav .item { float: left; }
.foot-nav .item ~ .item { margin-left: 60px; }
.foot-nav .item .tit { font-size: 18px; color: #cfd4dc; position: relative; padding-bottom: 27px; margin-bottom: 20px; line-height: 1; }
.foot-nav .item .tit:before { content: ""; position: absolute; left: 0; bottom: 0; width: 20px; height: 3px; background-color: #336699; }
.foot-nav .item ul li a { line-height: 36px; color: #9ea4ae; display: inline-block; }
.foot-nav .item ul li a:hover, .copyright a:hover { color: #336699; }
.foot-nav .item .cont { padding-top: 5px; }
.foot-nav .item .cont h4 { font-family: DINPro-Medium; font-size: 32px; line-height: 32px; color: #336699; }
.foot-nav .item .cont p { font-size: 14px; line-height: 30px; color: #9ea4ae; margin-top: 14px; }
.foot-qr { text-align: center; padding-top: 10px; }
.foot-qr .qr-item ~ .qr-item { margin-left: 20px; }
.foot-qr .qr-item img { width: 140px; }
.foot-qr p { font-size: 14px; line-height: 30px; color: #9ea4ae; margin-top: 10px; }
.copyright a { color: #81868e; }
@media (max-width:1800px) {
    .foot-qr .qr-item img { width: 110px; }
}
@media (max-width:1600px) {
    .foot-qr .qr-item ~ .qr-item { margin-left: 15px; }
    .foot-qr .qr-item img { width: 100px; }
    .foot-nav .item ~ .item { margin-left: 30px; }
    .foot-nav .item ul li a { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .foot-nav .item ul li a { line-height: 30px; }
    .foot-nav .item .cont h4 { font-size: 26px; line-height: 26px; }
    .foot-nav .item .cont p { max-width: 320px; }
}
@media (max-width:1366px) {
    .foot-nav .item .cont h4 { font-size: 21px; line-height: 1; }
    .foot-nav .item:last-child { width: 260px; }
}
@media (max-width:640px) {
    .foot-nav .item, .foot-nav .item:last-child { width: 100%; }
    .foot-nav { width: 100%; }
    .foot-nav .item .cont h4 { font-size: 24px; line-height: 1; }
    .foot-nav .item .cont p { font-size: 14px; line-height: 1.75; max-width: 100%; }
    .foot-qr { margin-top: 0; width: 70%; margin: 20px auto 0; justify-content: center; padding-top: 0; }
    .foot-qr img { width: 80px; }
    .copyright { font-size: 13px; }
}

/*尾部 E*/

/*首页 S*/
.homeA .item-left { position: relative; width: 49.375%; }
.homeA .item-left img { height: 100%; object-fit: cover; }
.homeA .item-left .cont { position: absolute; left: 70px; top: 80px; z-index: 2; color: #fff; }
.homeA .item-left .cont h3 { font-size: 22px; }
.homeA .item-left .cont h3 b { font-size: 48px; line-height: 1.3; font-weight: normal; }
.homeA .item-left .cont p { font-size: 16px; line-height: 26px; color: #ffffff; opacity: 0.6; margin-top: 25px; }
.homeA .item-left .in-scroll-num-min { position: absolute; left: 0; bottom: 50px; z-index: 2; }
.homeA .item-right { width: 49.375%; }
.in-solution-list li .abox { height: 250px; background-color: #ffffff; border: solid 1px #dddddd; position: relative; text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; overflow: hidden; background-size: cover; }
.in-solution-list li .abox:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .05); }
.in-solution-list li:nth-child(1), .in-solution-list li:nth-child(2), .in-solution-list li:nth-child(3) { margin-bottom: 20px; }
.in-solution-list li:nth-child(2n) .abox { background: #fff !important; }
.in-solution-list li .abox .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(195, 156, 97, .85); color: #fff; padding: 10%;    /*display: none;*/ z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.in-solution-list li .abox:hover .cover { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.in-solution-list li .abox .cover h4 { font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.in-solution-list li .abox .cover p { color: rgba(255, 255, 255, .7); margin-top: 10px; line-height: 1.5; }
.in-solution-list li .abox .cover i { display: inline-block; vertical-align: middle; font-size: 24px; height: 24px; line-height: 24px; color: #fff; margin-top: 20px; }
.in-solution-list li .abox .cont { position: relative; z-index: 3; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-solution-list li .abox:hover .cont { opacity: 0; }
.in-solution-list li .abox .cont h4 { width: 80%; margin: 10px auto 15px; font-size: 16px; line-height: 24px; color: #595757; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.in-solution-list li .abox .cont .iconfont { font-size: 24px; line-height: 24px; height: 24px; color: #81868e; display: inline-block; vertical-align: middle; }
.solution-icon { display: inline-block; width: 37px; height: 38px; background: url(../images/solution-icon.png) no-repeat center; background-size: contain; }
.in-solution-list li:nth-child(2n+1) .abox .cont .solution-icon { display: none; }
.in-solution-list li:nth-child(2n+1) .abox .cont h4, .in-solution-list li:nth-child(2n+1) .abox .cont .iconfont { color: #fff; }
.in-solution-list li:nth-child(2n+1) .abox:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100; background: rgba(0, 0, 0, .2); z-index: 2; }
.in-scroll-num-min { padding: 0 70px; width: 100%; }
.in-scroll-num-min li { width: 22%; color: #fff; }
.in-scroll-num-min li .num { font-family: DINPro-Regular; font-size: 40px; letter-spacing: -2px; color: #ffffff; line-height: 1; }
.in-scroll-num-min li .num i { font-style: normal; }
.in-scroll-num-min li .tit { font-size: 16px; color: #ffffff; opacity: 0.5; margin-top: 4px; }
.homeB { background: url(../images/product-bg.png) no-repeat center; background-size: cover; }
.in-product .product-index-list .item { margin-bottom: 0; }
.in-title { text-align: center; }
.in-title.left { text-align: left; }
.in-title h3 { font-size: 48px; color: #1b202e; line-height: 1.2; }
.in-title h4 { font-size: 16px; line-height: 26px; color: #81868e; margin-top: 18px; }
.in-title.white h3 { color: #fff; }
.in-title.white h4 { color: #ffffff; opacity: 0.6; }
.homeC { border-bottom: 1px solid #ddd; }
.product-search-index { margin: -45px auto 0; width: 1200px; height: 90px; background-color: #ff6600; box-shadow: 0px 0px 15px 0px 
rgba(0, 0, 0, 0.15); border-radius: 45px; border: 3px solid rgba(195, 156, 97, 1); justify-content: space-between; overflow: hidden; }
.product-search-index .f-l { display: flex; align-items: center; padding-left: 60px; width: 83%; background: #fff; }
.product-search-index .f-l input { width: 100%; }
.product-search-index i { font-size: 24px; color: rgba(195, 156, 97, 1); }
.product-search-index .sub { font-size: 20px; background: rgba(195, 156, 97, 1); color: #fff; width: 17%; cursor: pointer; }
.in-air-tab { width: 15.6%; background: url(../images/product-cate-bg.jpg) no-repeat center; background-size: cover; text-align: center; padding-top: 65px; overflow: hidden; padding-left: 20px; }
.in-air-tab li { color: #fff; font-size: 16px; margin-bottom: 10px; line-height: 60px; position: relative; cursor: pointer; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; text-align: left; padding-left: 10px; }
.in-air-tab li a { color: #fff; }
.in-air-tab li:before { content: ""; position: absolute; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-air-tab li.on:before, .in-air-tab li:hover:before {    /*left: 19px;*/
opacity: 1; visibility: visible; }
.in-air-tab li.on, .in-air-tab li:hover, .in-air-tab li a:hover, .in-air-tab li.on a { color: #ff6600; }
.in-air-tab li i { display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 15px; background-repeat: no-repeat; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-air-tab li.on i, .in-air-tab li:hover i { background-position: -30px 0; }
.in-air-tab li span { position: relative; }
.in-air-content { width: 83%;    /*padding-left: 20px;*/ }
.in-air-list li { text-align: center; }
.in-air-list li h4 { font-size: 16px; line-height: 48px; color: #595757; padding: 0 15px; }
.in-air-list li:last-child .abox { height: 0; padding-bottom: 100%; background: #F2F3F3; margin-top: 32px; position: relative; }
.in-air-list li:last-child .abox .middle { position: absolute; left: 0; top: 50%; font-size: 16px; color: #ff6600; text-align: center; width: 100%; line-height: 48px; margin-top: -52px; }
.in-air-list li:last-child .abox .middle .icon-jia { display: inline-block; width: 44px; height: 44px; line-height: 44px; font-size: 44px; }
.in-ys-content .item { position: relative; }
.in-ys-content .item .cont { position: absolute; z-index: 2; left: 11%; top: 19%; color: #fff; max-width: 630px; }
.in-ys-content .item .cont h4 { font-size: 48px; line-height: 1.3; color: #ffffff; }
.in-ys-content .item .cont p { font-size: 16px; line-height: 36px; color: #ffffff; opacity: 0.8; margin-top: 32px; }
.in-ys-tab { position: absolute; left: 0; bottom: 55px; z-index: 3; width: 100%; }
.in-tab-box .wp { height: 130px; background-color: #ffffff; align-items: center; }
.in-ys-tab .wp { background: url(../images/bg-bar.png) no-repeat center; background-size: cover; }
.in-tab-box ul li { width: 25%; text-align: center; height: 100%; align-items: center; justify-content: center; flex-wrap: wrap; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-tab-box ul li .pic { display: inline-block; vertical-align: middle; width: 66px; height: 66px; line-height: 66px; font-size: 0; background-color: #336699; margin-right: 10px; border-radius: 50%; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-tab-box ul li .pic .ys-icon { background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; vertical-align: middle; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-tab-box ul li .tit { display: inline-block; vertical-align: middle; text-align: left; max-width: 70%; }
.in-tab-box ul li .tit h4 { font-size: 20px; line-height: 1; color: #2e3136; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-tab-box ul li .tit .en { font-size: 14px; color: #81868e; margin-top: 8px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; line-height: 1.5; }
.in-tab-box ul li .tit p { display: none; font-size: 14px; line-height: 20px; color: #ffffff; opacity: 0.6; margin-top: 10px; }
.in-tab-box ul li:hover { background-color: #336699; }
.in-tab-box ul li:hover .pic { background: #fff; }
.in-tab-box ul li:hover .pic .ys-icon { background-position: -38px 0; }
.in-tab-box ul li:hover .tit h4 { color: #fff; }
.in-tab-box ul li:hover .tit .en { color: #ffffff; opacity: 0.5; }
.in-partner-list li { margin-bottom: 20px; }

/*.in-partner-list li img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: .7; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }*/

/*.in-partner-list li:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity: 1; }*/
.homeG .pic { margin-top: 10px; }
.in-wd-tab { position: relative; }
.in-wd-tab .wp { background-color: #ffffff; box-shadow: 0px 0px 15px 0px 
rgba(0, 0, 0, 0.15); height: 160px; }
.homeH { padding-top: 150px; padding-bottom: 140px; margin-top: -80px; background-repeat: no-repeat; background-size: cover;  }
.homeH .cont { font-size: 16px; line-height: 36px;  opacity: 0.8; margin-top: 32px; margin-bottom: 40px; }
.in-scroll-num-big {  padding: 20px 50px 0 0; }
.in-scroll-num-big li { max-width: 33.3%; }
.in-scroll-num-big li .num { font-family: DINPro-Medium; font-size: 60px; line-height: 1;  }
.in-scroll-num-big li .num i { font-style: normal; }
.in-scroll-num-big li .tit { font-size: 16px; opacity: 0.8; margin-top: 6px; }
.in-tit-wrap { align-items: flex-end; }
.in-news-tab { margin-bottom: 20px; }
.in-news-tab li { margin-left: 10px; }
.in-news-tab li a { display: block; padding: 0 15px; height: 32px; line-height: 32px; border-radius: 16px; font-size: 16px; color: #595757; background: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.in-news-tab li.on a, .in-news-tab li a:hover { background-color: #ff6600; color: #fff; }
.in-news-content { margin-top: 32px; padding-bottom: 1px; }
.in-news-list .item .news-pic { position: relative; height: 274px; display: block; }
.in-news-list .item .news-pic img { height: 100%; object-fit: cover; }
.in-news-list .item .news-pic .cont { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding: 12px 20px; background: url(../images/news-tit-bg.png) no-repeat center; background-size: cover; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5)); }
.in-news-list .item .news-pic .cont .date { font-size: 14px; line-height: 20px; color: #ffffff; }
.in-news-list .item .news-pic .cont .tit { font-size: 20px; color: #ffffff; margin-top: 2px; }
.in-news-list .item ul { padding: 5px 20px; border: solid 1px #dddddd; }
.in-news-list .item ul li { line-height: 40px; border-bottom: 1px solid rgba(238, 238, 238, .5); }
.in-news-list .item ul li:last-child { border-bottom: none; }
.in-news-list .item ul li .tit { font-size: 14px; color: #595757; width: 70%; }
.in-news-list .item ul li .tit:hover { color: #ff6600; }
.in-news-list .item ul li .date { font-size: 14px; color: #81868e; }
.in-service { padding: 0 135px; }
.in-service .in-title .com-more { margin-top: 60px; }
.homeHleft{ width:50%; float:left;}
.homeHright{ width:50%; float:right;}
.homeHleft .in-title { text-align:left;}
.homeHleft .in-scroll-num-big li .num i { color:#336699; }
.homeHleft .in-title h3 { color: #1b202e; }
.homeHleft .in-title h4 { color: #81868e; opacity: 0.6; }
.homeHright img{ width:90%; padding-left:50px;-webkit-transition: transform .5s;transition: transform .5s;}
.homeI{ background-color:#f5f5f5 !important; margin-top:50px;}
@media (max-width:1600px) {
    .in-title h3 { font-size: 42px; }
    .in-solution-list li .abox {        /*height: 200px;*/ }
    .in-news-list .item .news-pic .cont .tit { font-size: 16px; }
    .in-news-list .item .news-pic .cont .date, .in-news-list .item ul li .tit, .in-news-list .item ul li .date { font-size: 12px; }
    .in-tab-box ul li .tit .en { font-size: 12px; }
    .in-service { padding: 0; }
    .in-ys-content .item .cont { max-width: 600px; }
    .in-ys-content .item .cont h4 { font-size: 42px; }
    .in-air-tab { padding-top: 45px; padding-left: 15px; }
    .in-air-tab li { font-size: 14px; line-height: 50px; }
    .in-air-tab li i { margin-right: 10px; }
    .in-air-list li h4 { font-size: 14px; }
    .homeA .item-left .cont { left: 50px; top: 50px; }
    .in-scroll-num-min { padding: 0 50px; }
    .in-scroll-num-min li .num { font-size: 36px; }
    .in-scroll-num-min li .tit { font-size: 14px; }
    .in-solution-list li .abox { height: 210px; }
    .in-solution-list li .abox .cover h4 { font-size: 16px; }
    .in-solution-list li .abox .cover p { font-size: 12px; }
    .homeA .item-left img { height: 440px; }
    .product-search-index { width: 1000px; }
    .in-news-list .item .news-pic { height: 240px; }
}
@media (max-width:1440px) {
    .in-air-tab li { line-height: 55px; }
    .in-news-list .item .news-pic { height: 225px; }
    .in-scroll-num-big li .tit {font-size: 14px;}
}
@media (max-width:1366px) {
    .in-air-tab li { line-height: 52px; }
    .in-news-list .item .news-pic { height: 212px; }
    .in-title h3, .in-ys-content .item .cont h4 { font-size: 38px; }
    .in-scroll-num-big li .num { font-size: 50px; }
}
@media (max-width:1280px) {
    .in-air-tab li { line-height: 50px; font-size: 14px; }
    .in-news-list .item .news-pic { height: 198px; }
    .foot-nav .item ~ .item { margin-left: 30px; }
}
@media (max-width:1200px) {
    .in-ys-content .item .cont { left: 5.5%; top: 10%; max-width: 600px; }
}
@media (max-width:1024px) {

    /*.in-solution-list li .abox:hover .cover { display: none; }*/
    .in-solution-list li:nth-child(2n+1) .abox:before { display: none; }
    .in-scroll-num-min { padding: 0 30px; }
    .homeA .item-left .cont { left: 30px; top: 50px; }
    .in-solution-list li .abox { height: 180px; }
    .homeA .item-left img { height: 380px; }
    .product-search-index { width: 92%; }
    .in-air-tab { padding-top: 30px; width: 100%; display: flex; flex-wrap: wrap; }
    .in-air-tab li { line-height: 40px; font-size: 13px; padding-left: 5px; width: 20%; }
    .in-air-tab li i { background-size: 40px; width: 20px; height: 20px; margin-right: 10px; }
    .in-air-tab li.on i, .in-air-tab li:hover i { background-position: -20px 0; }
    .in-air-content { width: 100%; margin-top: 20px; }
    .in-title h4 { font-size: 14px; line-height: 1.5; }
    .in-title h3, .in-ys-content .item .cont h4 { font-size: 36px; }
    .in-ys-tab { position: static; padding: 30px 0; }
    .in-ys-content .item .cont { left: 5.5%; top: 20%; max-width: 60%; }
    .in-tab-box ul li .pic { margin-right: 0; }
    .in-tab-box ul li .tit { text-align: center; max-width: 100%; margin-top: 10px; width: 100%; }
    .in-tab-box ul li .tit h4 { font-size: 18px; }
    .case-item .pic img { height: 165px; width: 100%; }
    .case-item .tit { padding: 0 15px; }
    .homeG .pic { width: 60%; }
    .in-scroll-num-big { margin-top: 20px; padding: 0 0px; }
    .in-scroll-num-big li .tit { font-size: 14px; }
    .in-scroll-num-big li .num { font-size: 40px; }
    .in-news-list .item:last-child { display: none; }
    .in-news-list .item { width: 33.3333%; }
    .foot-form .title .tel b { font-size: 28px; }
    .foot-form .title h3 b { font-size: 34px; }
    .foot-form .title h3, .foot-form .title h4 { font-size: 18px; }
    .foot-nav .item ul li a { max-width: 150px; }
    .copyright .fr { float: none; }
    .foot-nav .item { display: none; margin-left: 0; }
    .foot-nav .item ~ .item { margin-left: 0; }
    .foot-nav .item:last-child { display: block; }
    .foot-nav .item .tit { display: none; }
    .in-scroll-num-min li .tit { font-size: 12px; }
    .in-tab-box .wp { height: auto; }
	.homeHleft{ width:100%;}
	.homeHright{ width:100%; padding-top:20px;}
	.homeHleft .in-title { text-align:center;}
	.homeHleft .in-scroll-num-big li .num i { color:#336699; }
	.homeHleft .in-title h3 { color: #1b202e; }
	.homeHleft .in-title h4 { color: #81868e; opacity: 0.6; }
	.homeHright img{ padding-left:0; width:100%; padding:0;}
	.aboutA .about_vr{ height:260px;}
}
@media (max-width:768px) {
    .homeA .item-left, .homeA .item-right { width: 100%; }
    .homeA .item-right { margin-top: 20px; }
    .homeA .item-left .cont { left: 20px; top: 30px; }
    .homeA .item-left .cont h3 { font-size: 16px; }
    .homeA .item-left .cont h3 b { font-size: 28px; }
    .homeA .item-left .cont p { font-size: 14px; line-height: 1.5; margin-top: 20px; }
    .homeA .item-left .in-scroll-num-min { bottom: 30px; padding: 0 20px; }
    .in-scroll-num-min li .num { font-size: 26px; }
    .in-scroll-num-min li .tit { font-size: 11px; line-height: 1.5; }
    .homeA .item-left img { height: 300px; width: 100%; object-fit: cover; }
    .in-solution-list li .abox .cont h4 { line-height: 1.5; font-size: 14px; }
    .solution-icon { width: 28px; height: 28px; }
    .in-title h3, .in-ys-content .item .cont h4 { font-size: 28px; }
    .in-title h4 { font-size: 14px; line-height: 1.5; padding: 0 20px; margin-top: 12px; }
    .swp-bar-wrap .swp-btn { display: none; }
    .homeC, .product-search-index { display: none; }
    .pb-130 { padding-bottom: 60px; }
    .in-ys-content .item img { width: 100%; height: 280px; object-fit: cover; }
    .in-ys-content .item .cont { left: 4%; top: 40px; max-width: 92%; }
    .in-ys-content .item .cont h4 { font-size: 22px; }
    .in-ys-content .item .cont p { font-size: 14px; line-height: 1.5; margin-top: 30px; }
    .in-tab-box ul li .tit h4 { font-size: 16px; line-height: 1.3; padding: 0 5px; }
    .in-tab-box ul li .pic { width: 50px; height: 50px; line-height: 50px; }
    .in-tab-box ul li .pic .ys-icon { width: 28px; height: 28px; background-size: 56px; }
    .in-tab-box ul li:hover .pic .ys-icon { background-position: -28px 0; }
    .in-tab-box ul li { width: 50%; padding: 10px; }
    .in-tab-box .wp { align-items: flex-start; }
    .case-item .pic img { height: 240px; }
    .in-partner-list li { margin-bottom: 0; }
    .in-partner-list li { width: 33.3333%; }
    .com-more { font-size: 14px; }
    .in-title h3 br { display: none; }
    .in-title.left { text-align: center; width: 100%; }
    .in-service .in-title .com-more { margin-top: 30px; }
    .homeG .pic { width: 100%; margin-top: 30px; }
    .in-wd-tab { display: none; }
    .homeH { padding-top: 0px; padding-bottom: 40px; margin-top: 40px; }
    .homeH .cont { font-size: 14px; line-height: 2;  opacity: 0.8; margin-top: 0px; margin-bottom: 20px; }
    .in-scroll-num-big { margin-top: 20px; padding: 0 0px; margin-bottom: -20px; }
    .in-scroll-num-big li { max-width: 30%; width: 30%; margin-bottom: 30px; }
    .in-scroll-num-big li .tit { font-size: 10px; }
    .in-scroll-num-big li .num { font-size: 30px; }
    .in-news-tab { margin-top: 30px; }
    .in-news-list .item { width: 50%; display: none; }
    .in-news-list .item:nth-child(1), .in-news-list .item:nth-child(2) { display: block; }
	.homeHleft{ width:100%;}
	.homeHright{ width:100%; padding-top:20px;}
	.homeHleft .in-title { text-align:center;}
	.homeHleft .in-scroll-num-big li .num i { color:#336699; }
	.homeHleft .in-title h3 { color: #1b202e; }
	.homeHleft .in-title h4 { color: #81868e; opacity: 0.6; }
	.homeHright img{ padding-left:0; width:100%; padding:0;}
	.aboutA .about_vr{ height:260px;}
}
@media (max-width:640px) {
    .in-title h3, .in-ys-content .item .cont h4 { font-size: 24px; }
    .in-ys-content .item .cont h4 { font-size: 20px; }
    .in-ys-content .item .cont p { margin-top: 25px; }
    .in-ys-content .item { background: #000; }
    .in-ys-content .item img { opacity: .95; }
    .in-news-tab { width: 100%; }
    .in-news-tab li { margin-left: 0; }
    .in-news-list .item { width: 100%; display: none; }
    .in-news-list .item:nth-child(1), .in-news-list .item:nth-child(2) { display: none; }
    .in-news-list .item:first-child { display: block; }
    .footA { padding-top: 40px; padding-bottom: 30px; }
    .links { color: #9ea4ae; font-size: 14px; padding-bottom: 20px; display: none; }
    .foot-qr p { font-size: 13px; margin-top: 10px; line-height: 1; }
    .foot-nav .item .cont { padding-top: 0; }
	.aboutA .about_vr{ height:260px;}
}

/*首页 E*/

/*产品 S*/
.cate-wrap { padding-top: 50px; padding-bottom: 30px; }
.cate-wrap li { float: left; margin-right: 1.3333%; margin-bottom: 20px; }
.cate-wrap-4 li { width: 24%; }
.cate-wrap-4 li:nth-child(4n) { margin-right: 0; }
.cate-wrap-5 li { width: 19%; margin-right: 1.2222%; }
.cate-wrap-5 li:nth-child(5n) { margin-right: 0; }
.cate-wrap li a { display: block; height: 52px; line-height: 50px; background-color: #f8f8f8; border: solid 1px #dddddd; font-size: 16px; color: #595757; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.cate-wrap li.on a, .cate-wrap li a:hover { color: #fff; border-color: #ff6600; background-color: #ff6600; }
.air-search {    /*background: url(../images/search-bg.png) no-repeat center;*/

    /*background-size: cover;*/
background: rgba(3, 21, 40, .9); border: solid 1px #dddddd; padding: 55px 60px 55px 65px; }
.air-search .tit { font-size: 32px; line-height: 1.3; color: #fff; }
.air-form .item { width: 340px; margin-right: 20px; }
.air-form .item .subtit { font-size: 16px; color: #fff; margin-bottom: 10px; }
.air-form .item select { width: 100%; height: 40px; background-color: #f5f5f5; border: solid 1px #dddddd; cursor: pointer; padding: 0 15px; color: #81868e; }
.air-form .item select {    /*很关键：将默认的select选择框样式清除*/
appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #f5f5f5 url(../images/sel-sj.png) no-repeat 95% center; }

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.air-form .item select:focus { outline: none; }
.air-form .item:last-child { width: 120px; }
.air-form .item button { width: 120px; height: 40px; background-color: #ff6600; line-height: 40px; color: #fff; font-size: 16px; color: #ffffff; text-align: center; cursor: pointer; }

/*其他气体*/
.air-search-qt .cont { margin-top: 30px; }
.air-search-qt .cont .inp-qt { line-height: 50px;    /*border: 1px solid #ff6600;*/ width: 1000px; margin: 0 auto; text-align: center; background: #fff; border-radius: 25px; font-size: 16px;    /*box-shadow: 0 0 20px rgba(0,0,0,0.1);*/ }
.s-tip { text-align: left; margin-top: 30px; font-size: 16px; }
.s-reault { font-weight: bold; color: #fff; margin-bottom: 10px; }
.s-info { line-height: 30px; color: #ff6600; }
.s-info a { margin-right: 20px; color: #ff6600; line-height: 30px; padding-bottom: 2px; }
.s-info a:hover { text-decoration: underline; }
.com-zixun { width: 300px; height: 40px; background-color: #ffffff; border: solid 1px #ff6600; line-height: 38px; font-size: 16px; color: #ff6600; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.com-zixun:hover { background-color: #ff6600; color: #fff; }
.com-zixun i { font-size: 24px; color: #ff6600; display: inline-block; vertical-align: middle; margin-right: 8px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.com-zixun:hover i { color: #fff; }
.air-result { padding: 40px 50px; background: #fff; border: solid 1px #dddddd; border-top: none; margin-bottom: 50px; }
.air-result ul li { width: 14%; line-height: 1.5; padding: 9px 5px 9px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #595757; font-size: 15px; }
.air-result-qt ul li { width: 12.5%; }
.air-result ul li .on { color: #ff6600; }
.sort_letter { width: 100%; color: #333; margin-top: 20px; margin-bottom: 10px; font-size: 0; }
.air-result ul .sort_letter:first-child { margin-top: 0; }
.sort_letter h4 { display: inline-block; background-color: #ff6600; color: #fff; width: 26px; height: 26px; line-height: 26px; font-size: 18px; vertical-align: middle; text-align: center; }
.product-index-list { margin-bottom: -20px; }
.product-index-list .item { text-align: center; margin-bottom: 20px; }
.product-index-list .item .tit { line-height: 60px; font-size: 16px; color: #595757; padding: 0 15px; background: #fff; margin-top: 1px; }
.product-inner-list { margin-bottom: -24px; }
.product-inner-list .item { margin-bottom: 24px; }
.product-inner-list .item .box { background: #fff; padding: 20px; }
.product-inner-list .item .pic { width: 45%; height: 337.5px; overflow: hidden; }
.product-inner-list .item .pic img { height: 100%; object-fit: cover; }
.product-inner-list .item .cont { width: 50%; padding-top: 8%; }
.product-inner-list .item .cont h4 a { font-size: 20px; color: #2e3136; }
.product-inner-list .item .cont h4 a:hover { color: #ff6600; }
.product-inner-list .item .cont p { font-size: 14px; line-height: 24px; color: #81868e; margin-top: 20px; margin-bottom: 20px; }
.morebar a { display: inline-block; vertical-align: middle; width: 128px; height: 30px; background-color: #81868e; border-radius: 15px; line-height: 30px; text-align: center; color: #ffffff; }
.morebar .chat { background-color: #ff6600; margin-right: 6px; }
.morebar a i { display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 21px; color: #fff; }
@media (max-width:1800px) {
    .com-zixun { width: 200px; }
}
@media (max-width:1600px) {
    .air-form .item { width: 280px; }
    .product-inner-list .item .cont { padding-top: 5%; width: 54%; padding-right: 10px; }
    .product-inner-list .item .cont h4 a { font-size: 18px; }
    .air-result { padding: 30px; }
    .air-result ul li { font-size: 14px; }
    .product-inner-list .item .cont p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
    .product-inner-list .item .pic { height: 248px; }
}
@media (max-width:1440px) {
    .air-form .item { width: 240px; }
    .com-zixun { width: 150px; }
    .air-result-qt ul li { width: 14.2857%; font-size: 14px; }
    .product-index-list .item .tit { font-size: 15px; }
}
@media (max-width:768px) {
    .product-index-list .item .tit { font-size: 14px; line-height: 40px; }
}

/*产品详情*/
.product-intro { padding: 60px 0; }
.product-intro .cont { width: 47.2%; padding-right: 110px; padding-top: 30px; }
.product-intro .cont h1 { font-size: 30px; line-height: 1.3; color: #2e3136; }
.product-intro .cont .des { font-size: 16px; line-height: 32px; color: #81868e; margin-top: 15px; margin-bottom: 35px; height: 195px; overflow-y: scroll; }
.product-intro .cont .des::-webkit-scrollbar { width: 6px; height: 6px; }
.product-intro .cont .des::-webkit-scrollbar-button { background-color: #ddd; }
.product-intro .cont .des::-webkit-scrollbar-track { background: #ddd; }
.product-intro .cont .des::-webkit-scrollbar-thumb { background: #999; border-radius: 4px; }
.product-intro .cont .des::-webkit-scrollbar-corner { background: #999; }
.product-intro .cont .des::-webkit-scrollbar-resizer { background: #FF0BEE; }
.product-intro .cont h3 { font-size: 18px; color: #2e3136; margin-bottom: 20px; }
.product-intro .cont .morebar { margin-top: 130px; }
.morebar-big .zx { width: 178px; height: 42px; border-radius: 21px; line-height: 42px; font-size: 18px; }
.morebar-big .zx i { margin-right: 10px; font-size: 24px; }
.morebar-big .chat { margin-right: 10px; }
.morebar-big .tel { display: inline-block; vertical-align: middle; line-height: 42px; color: #4d4d4d; margin-left: 20px; }
.morebar-big .tel a { font-size: 18px; }
.morebar-big .tel i { font-size: 25px; color: #ff6600; display: inline-block; vertical-align: middle; margin-right: 10px; }
.product-album { width: 52.8%; height: 676px; }
.swiper-container-big { float: left; width: 80%; box-shadow: 0px 0px 20px 0px 
rgba(46, 49, 54, 0.15); height: 100%; }
.album-small { position: relative; float: right; width: 120px; height: 100%; padding: 84px 0; text-align: center; }
.swiper-container-small { height: 100%; overflow: hidden; padding: 1px 0; }
.swiper-container-small .swiper-slide { width: 100%; border: solid 1px #dddddd; overflow: hidden; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swiper-container-small .on { border-color: #ff6600; }
.swiper-container-small .swiper-slide img { height: 100%; }
.album-small .prev, .album-small .next { position: absolute; left: 50%; top: 20px; z-index: 2; display: block; width: 100%; background: #ddd; line-height: 30px; cursor: pointer; width: 30px; height: 30px; text-align: center; margin-left: -15px; border-radius: 50%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.album-small .prev:hover, .album-small .next:hover { background: #ff6600; }
.album-small .prev:focus, .album-small .next:focus { outline: none; }
.album-small .next { top: auto; bottom: 20px; }
.album-small .prev i, .album-small .next i { display: inline-block; color: #fff; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.album-small .next i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.product-content { width: 74.6%; }
.product-xg { width: 24%; }
.pro-tab-tit { padding: 30px 14px 20px; background: #fff; border-bottom: 1px solid #ddd; font-size: 0; }
.pro-tab-tit li { display: inline-block; font-size: 20px; padding: 0 10px; position: relative; color: #4d4d4d; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.js-tab-tit { padding: 30px 40px 20px; }
.js-tab-tit li { cursor: pointer; }
.js-tab-tit li:hover, .pro-tab-tit li.on { color: #ff6600; }
.pro-tab-tit li:before { content: ""; position: absolute; left: 50%; bottom: -21px; width: 0; height: 2px; background: #ff6600; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.pro-tab-tit li.on:before { width: 100%; left: 0; }
.pro-tab-tit li ~ li { margin-left: 40px; }
.product-detail { background: #fff; padding: 50px 60px 70px; }
.product-detail .item { line-height: 1.75; font-size: 16px; }
.product-detail .item ~ .item { display: none; }
.product-detail .item p { margin-bottom: 5px; }
.product-detail .item td { border: 1px solid #ededed; }
.product-detail .item table { width: 100% !important; }

/*.product-detail .item p>img {width: 50%;}*/
.detail-other { background: #fff; margin-top: 10px; padding: 30px 40px; }
.detail-page { width: 65%; }
.detail-page .item { max-width: 45%; }
.product-index-list-xg .item { margin-bottom: 5px; }
.product-form h3 { font-size: 26px; color: #333; font-weight: bold; text-align: center; margin-bottom: 30px; }
.com-form-box { margin-top: 50px; }
.com-form-box ul { margin-left: -8px; margin-right: -8px; }
.com-form-box ul li { position: relative; float: left; width: 50%; box-sizing: border-box; margin-bottom: 20px; padding: 0 8px; }
.com-form-box ul li input { font-size: 16px; color: #999; width: 100%; line-height: 64px; padding: 0 30px; border: 1px solid #e5e5e5; background: #fff; }
.com-form-box ul li input:focus, .com-form-box .textarea:focus, .com-form-box .submit:focus { outline: none; box-sizing: border-box; }
.com-form-box .textarea { box-sizing: border-box; padding: 30px; height: 270px; width: 100% !important; border: none; border: 1px solid #e5e5e5; font-size: 16px; color: #999; background: #fff; }
.com-form-box .submit { margin-top: 20px; width: 100%; height: 64px; line-height: 64px; text-align: center; background: var(--action); color: #fff; font-size: 20px; cursor: pointer; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.com-form-box .submit:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
@media (max-width:1800px) {
    .product-intro .cont .morebar { margin-top: 60px; }
    .product-intro .cont .des { max-height: 165px; overflow-y: scroll; }
}
@media (max-width:1600px) {
    .product-intro .cont h1 { font-size: 28px; }
    .product-detail { padding: 40px; }
    .swiper-container-small { height: 100%; }
    .product-album { height: 507px; }
    .product-intro .cont { padding-right: 40px; padding-top: 20px; }
    .album-small { width: 100px; height: 100%; overflow: hidden; }
    .swiper-container-small {        /*padding: 5px 0;*/ }
    .swiper-container-small .swiper-slide {        /*height: auto !important;*/ }
    .swiper-container-small .swiper-slide img { height: 100%; object-fit: contain; }
}
@media (max-width:1280px) {
    .product-intro .cont { padding-right: 40px; }
    .morebar-big .tel { margin-left: 10px; }
    .morebar-big .zx { width: 160px; font-size: 16px; }
}
@media (max-width:1200px) {
    .product-album { height: 450px; }
    .album-small { width: 90px; }
}
@media (max-width:1024px) {
    .product-album { height: 378px; }
    .album-small { width: 70px; }
}
@media (max-width:640px) {
    .morebar-big .protel { margin-top: 15px !important; display: block; width: 100%; }
}

/*产品 E*/

/*案例 S*/
.cate-big { margin-top: -60px; position: relative; z-index: 3; height: 60px; background-color: rgba(0, 0, 0, .2); }
.cate-big a { position: relative; display: block; width: 50%; text-align: center; line-height: 60px; font-size: 18px; color: #dddddd; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.cate-big.cate-3 a { width: 33.3333%; }
.cate-big.cate-4 a { width: 25%; }
.cate-big.cate-5 a { width: 20%; }
.cate-big.cate-6 a { width: 16.6666%; }
.cate-big a.on { color: #ff6600; background: #fff; }
.cate-big a:hover { color: #ff6600; }
.cate-big a:before { content: ""; position: absolute; left: 50%; top: 0; width: 0; height: 2px; background-color: #ff6600; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.cate-big a:hover:before, .cate-big a.on:before { left: 0; width: 100%; opacity: 1; }
.partner-list { margin-bottom: -30px; }
.partner-list .item { text-align: center; margin-bottom: 30px; }
.partner-list .item .tit { padding: 20px 15px; font-size: 18px; color: #4d4d4d; line-height: 1.3; }
.case-list { margin-bottom: -30px; }
.case-list .item { margin-bottom: 30px; }
.case-item .pic img { height: 275px; object-fit: cover; width: 100%;}
.case-item .tit { border: solid 1px #dddddd; border-top: none; padding: 0 24px; }
.case-item .tit h4 { font-size: 20px; color: #281f20; border-bottom: solid 1px #eeeeee; padding: 15px 0; }
.case-item .tit p { font-size: 14px; height: 72px; color: #81868e; padding: 12px 0; }
.detail-title { text-align: center; background: #fff; padding: 50px 60px 40px; border-bottom: 1px solid #ddd; }
.detail-title h1 { line-height: 1.3; font-size: 36px; color: #4d4d4d; }
.detail-title .info { margin-top: 20px; color: #81868e; }
.detail-title .info span { margin: 0 10px; }
@media (max-width:1366px) {
    .case-item .tit h4 { font-size: 18px; }
}
@media (max-width:1024px) {
    .case-item .tit { padding: 0 15px; }
}
@media (max-width:768px) {
    .case-item .pic img { height: 240px; }
    .case-item .tit h4 { font-size: 16px; }
}
@media (max-width:640px) {
    .case-item .pic img { height: 115px; }
    .case-item .tit h4 { font-size: 14px; }
    .case-item .tit p { font-size: 12px; height: auto; color: #81868e; padding: 8px 0; }
}

/*案例 E*/

/*方案 S*/
.solution-list { margin-bottom: -30px; }
.solution-list .item { margin-bottom: 30px; }
.solution-list .item .abox { position: relative; background: #fff; padding: 10px; overflow: hidden; }
.solution-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(195, 156, 97, .9); z-index: 2; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; opacity: 0; visibility: hidden; text-align: center; color: #fff; padding: 0 15%; }
.solution-list .item .abox .pic { height: 365px; }
.solution-list .item .abox .pic img { height: 100%; width: 100%; object-fit: cover; }
.solution-list .item .abox:hover .solution-cover { opacity: 1; visibility: visible; }
.detail-banner { position: relative; }
.detail-banner .pic { overflow: hidden; height: 0; padding-bottom: 31.25%; background: #f5f5f5; }
.detail-banner .pic img { width: 100%; -webkit-animation: SlickIn 8s; animation: SlickIn 8s; }
.detail-banner .tit { position: absolute; z-index: 2; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 50%; margin-left: -800px; }
.detail-banner .tit h1 { font-size: 48px; line-height: 1.3; color: #ffffff; margin-bottom: 160px; }
.solution-cover h4 { font-size: 24px; line-height: 1.3; color: #f5f5f5; margin-bottom: 40px; }
.solution-cover p { font-size: 16px; line-height: 30px; color: #ffffff; opacity: 0.7; margin-bottom: 30px; }
.solution-cover i { font-size: 24px; color: #fff; height: 24px; line-height: 24px; width: 24px; }
.solution-list .item .abox .tit { padding: 20px 15px 10px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.solution-list .item .abox:hover .tit { opacity: 0; }
.solution-list .item .abox .tit h4 { font-size: 16px; width: 80%; color: #666; }
.solution-list .item .abox .tit i { font-size: 24px; color: #81868e; height: 24px; line-height: 24px; width: 24px; }
.solution-item ~ .solution-item { margin-top: 65px; }
.solution-item { padding-bottom: 60px; border-bottom: 2px solid #ddd; }
.solution-item:last-child { padding-bottom: 0; border-bottom: none; }
.solution-item .cont { font-size: 16px; position: relative; }
.solution-item .solution-tit { font-size: 24px; color: #1b202e; padding-left: 23px; position: relative; line-height: 28px; margin-bottom: 40px; }
.solution-item .solution-tit:before { content: ""; position: absolute; left: 0; width: 4px; height: 28px; background-color: #ff6600; }
.solution-item .solution-album { margin-top: 40px; }
.product-index-list.solution-album .item { margin-bottom: 0; }
.product-index-list.solution-album .item .abox { border: 1px solid #ddd; }
@media (max-width:1600px) {
    .detail-banner .tit { left: 4%; margin-left: 0; }
    .solution-list .item .abox .pic { height: 265px; }
    .solution-cover { padding: 0 5%; }
    .solution-cover h4 { font-size: 18px; margin-bottom: 20px; }
    .solution-cover p { font-size: 14px; }
}

/*方案 E*/

/*新闻 S*/
.page-news-list .item { border: solid 1px #d9d9d9; border-top: none; padding: 30px 40px; position: relative; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.page-news-list .item:first-child { border-top: solid 1px #d9d9d9; }
.page-news-list .item:hover { box-shadow: 0px 0px 20px 0px 
rgba(46, 49, 54, 0.2); border-color: #ff6600; }
.page-news-list .item ~ .item:before { content: ""; position: absolute; left: 0; top: -1px; width: 100%; height: 1px; background: transparent; z-index: 2; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.page-news-list .item ~ .item:hover:before { background: #ff6600; }
.page-news-list .item .pic { width: 385px; height: 274px; text-align: center; }
.page-news-list .item .pic img { width: 100%; height: 100%; object-fit: contain; }
.page-news-list .item .cont { width: 50%; margin-left: 50px; }
.page-news-list .item .cont .tit { font-size: 24px; color: #1b202e; line-height: 1.5; }
.page-news-list .item .cont .des { font-size: 14px; line-height: 30px; color: #81868e; height: 90px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.page-news-list .item .cont .more { display: inline-block; width: 120px; height: 32px; border-radius: 16px; border: solid 1px #ff6600; line-height: 30px; text-align: center; margin-top: 65px; color: #ff6600; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.page-news-list .item:hover .cont .more { background-color: #ff6600; color: #fff; }
.page-news-list .item .date { position: absolute; right: 80px; text-align: center; font-family: DINPro-Regular; font-size: 16px; letter-spacing: -1px; color: #81868e; }
.page-news-list .item .date b { font-family: DINPro-Regular; font-size: 40px; font-weight: normal; letter-spacing: -2px; color: #595757; line-height: 1; display: block; margin-bottom: 8px; }
.page-news-list.tech-list .item { width: 49%; margin-bottom: 20px; }
.page-news-list.tech-list .item .cont { width: 100%; margin-left: 0; }
.page-news-list.tech-list .com-page { margin-top: 60px; }
.page-news-list.tech-list .item ~ .item:before { top: 0; background: #d9d9d9; }
.page-news-list.tech-list .item ~ .item:hover:before { background: #ff6600; }

/*新闻 E*/

/*关于 S*/
.aboutA { padding-top: 90px; padding-bottom: 110px; }
.aboutA .cont { text-align: center; margin-top: 30px; margin-bottom: 35px; font-size: 16px; line-height: 30px; color: #595757; max-width: 990px; width: 100%; margin: 30px auto 35px;    /*height: 155px;*/ overflow: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }



/*.aboutA .cont.on {
height: 390px;
}*/
.aboutA .pic { position: relative; }
.aboutA .pic .video-btn { position: absolute; left: 50%; top: 50%; z-index: 2; width: 100px; margin-left: -50px; margin-top: -50px; }
.page-scroll-list { padding: 65px 70px 70px; }
.aboutB { padding-top: 84px; padding-bottom: 94px; }
.culture-list { margin-top: 64px; }
.culture-list .item { width: 32.5%; background: #fff; padding: 60px 20px; text-align: center; }
.culture-list .item h4 { font-size: 24px; line-height: 1; color: #1b202e; margin-top: 28px; margin-bottom: 15px; }
.culture-list .item p { font-size: 16px; color: #595757; }
.culture-list .item img { display: inline-block; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.culture-list .item:hover img { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
.aboutC { padding-top: 100px; padding-bottom: 140px; background: url(../images/history-bg.jpg) no-repeat center; background-size: cover; }

/*发展历程*/
.history-wrap { position: relative; }
.history-wrap:before { content: ""; position: absolute; top: 50%; width: 100%; border-bottom: 1px solid #ababab; }
.swiper-container-history { padding: 360px 0; overflow: visible; margin-top: 90px; }
.swiper-container-history .swiper-slide { width: 520px; position: relative; }
.swiper-container-history .swiper-slide-active { opacity: 1; }
.swiper-container-history .swiper-slide ~ .swiper-slide { margin-left: -160px; }
.swiper-container-history .swiper-slide .cont { position: absolute; width: 100%; height: 154px; background-color: #ffffff; box-shadow: 0px 0px 20px 0px 
rgba(18, 45, 107, 0.15); top: 50px; padding: 45px 50px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.swiper-container-history .swiper-slide .cont:before { content: ""; position: absolute; top: -14px; z-index: 2; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 14px solid #fff; margin-left: 56px; }
.swiper-container-history .swiper-slide:nth-child(2n) .cont:before { top: auto; bottom: -14px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.swiper-container-history .swiper-slide .cont h4 { font-size: 24px; line-height: 30px; color: #281f20; }
.swiper-container-history .swiper-slide .cont .des { font-size: 16px; line-height: 30px; color: #81868e; margin-top: 25px; }
.swiper-container-history .swiper-slide:nth-child(2n) .cont { top: auto; bottom: 120px; }
.swiper-container-history .swiper-slide .tit { font-size: 28px; line-height: 36px; color: #81868e; font-family: DINPro-Medium; margin-top: -75px; margin-left: 90px; position: relative; }
.swiper-container-history .swiper-slide .tit span { color: #81868e; display: inline-block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swiper-container-history .swiper-slide.swiper-slide-active .tit span { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); color: #ff6600; }
.swiper-container-history .swiper-slide .tit:before { content: ""; position: absolute; left: 18px; bottom: -50px; width: 22px; height: 22px; background-color: #dddddd; border-radius: 50%; }
.swiper-container-history .swiper-slide .tit:after { content: ""; position: absolute; left: 24px; bottom: -44px; width: 10px; height: 10px; background-color: #81868e; border-radius: 50%; }
.swiper-container-history .swiper-slide.swiper-slide-active .tit:after { background-color: #ff6600; }
.page-fwwd { padding-top: 30px; padding-bottom: 115px; }
.page-fwwd .pic-big { text-align: center; margin-top: 70px; }
.fwzc-list { margin-top: 50px; }
.fwzc-list .item { width: 24%; border: solid 1px #dddddd; max-height: 410px; padding: 75px 20px; text-align: center; }
.fwzc-list .item h4 { font-size: 24px; color: #1b202e; line-height: 1; margin-top: 35px; margin-bottom: 20px; }
.fwzc-list .item p { font-size: 14px; line-height: 28px; color: #81868e; }
.honor-list { margin-bottom: -35px; }
.honor-list .item .honor-box .pic { border: solid 1px #dddddd; }
.honor-list .item .honor-box .pic img { width: auto; }
.honor-list .item .honor-box h4 { margin-bottom: 35px; }

/*关于 E*/

/*联系 S*/
.contactA { padding-top: 85px; padding-bottom: 55px; background: url(../images/contact-bg.jpg) no-repeat center top; background-size: cover; }
.contact-list-1 { margin-top: 55px; background-color: #ffffff; border: solid 1px #dddddd; padding: 50px 100px; }
.contact-list-1 li { width: 30%; margin: 30px 0; }
.contact-list-1 li .des { padding-left: 20px; }
.contact-list-1 li .des h4 { font-size: 16px; line-height: 1.5; color: #595757; }
.contact-list-1 li .des p { font-size: 20px; line-height: 1.5; color: #1b202e; }
.contact-list-1 li:last-child .des p { font-size: 18px; }
.contact-list-1 li:nth-child(3n) { width: 35%; }
.contact-list-1 li:last-child { width: 50%; }
.contactC { padding: 85px 0 65px; }
.contact-list-2 { margin-top: 55px; }
.contact-list-2 li { margin-bottom: 20px; }
.contact-list-2 li .box { position: relative; padding: 30px 20px 30px 20px; height: 200px; background: url(../images/company-bg.jpg) no-repeat right bottom; border: solid 1px #dddddd; }
.contact-list-2 li .box:before { content: ""; position: absolute; left: -1px; top: 30px; width: 3px; height: 26px; background-color: #ff6600; }
.contact-list-2 li .box h4 { font-size: 18px; color: #1b202e; }
.contact-list-2 li .cbox { display: flex; justify-content: space-between; flex-wrap: wrap; }
.contact-list-2 li .box .des { margin-top: 20px; font-size: 16px; line-height: 32px; color: #595757; overflow: hidden; flex: 1; }
.contact-list-2 li .box .des p { position: relative; }
.contact-list-2 li .box .des p:before { content: ""; display: inline-block; width: 18px; height: 18px; vertical-align: middle; background-image: url(../images/lianxiren.png); background-repeat: no-repeat; background-size: contain; margin-right: 5px;    /*margin-top: -2px;*/ position: absolute; left: -25px; top: 0; margin-top: 5px; opacity: .5; }
}
.contact-list-2 li .box .des p:nth-child(1):before { background-image: url(../images/lianxiren.png); }
.contact-list-2 li .box .des p:nth-child(2):before { background-image: url(../images/shouji.png); }
.contact-list-2 li .box .des p:nth-child(3):before { background-image: url(../images/qq.png); }
.contact-list-2 li .box .des p:nth-child(4) { display: none; }
.contact-list-2 li .box .pic { width: 110px; margin-top: 10px; }
.contactB { position: relative; }
.map-bar { position: absolute; left: 50%; bottom: 32px; z-index: 22; margin-left: -800px; height: 90px; align-items: center; background-color: #ffffff; box-shadow: 0px 0px 15px 0px 
rgba(0, 0, 0, 0.15); padding: 0 35px; font-size: 16px; }
.map-bar .tit .iconfont { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 24px; color: #ff6600; }
.map-bar .tit b { font-size: 20px; color: #1b202e; font-weight: normal; }
.map-bar .more { display: inline-block; width: 240px; height: 50px; background-color: #ff6600; border-radius: 25px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; }
@media (max-width:1800px) {
.contact-list-1 li:nth-child(3n) { width: 40%; }
.contact-list-2 li .box .pic { width: 100px; margin-top: 20px; margin-left: 15px; }
}
@media(max-width:1600px) {
.map-bar { margin-left: -600px; }
.contact-list-1 { padding: 30px 50px; }
.contact-list-2 li .box { height: 225px; }
.contact-list-2 li .box .des { font-size: 14px; }
.contact-list-2 li .box .des p ~ p { margin-top: 10px; }
.contact-list-2 li .box .des { line-height: 24px; }
.contact-list-1 li .des p { font-size: 18px; margin-top: 5px; }
.contact-list-1 li:last-child .des p { font-size: 17px; }
.contact-list-2 li .box .pic { width: 100px; }
}
@media (max-width:1440px) {
.contact-list-2 li .box .des { font-size: 14px; }
.contact-list-1 li .des p { font-size: 18px; margin-top: 5px; }
.contact-list-1 li:last-child .des p { font-size: 16px; }
}
@media (max-width:1366px) {
.contact-list-2 li .box { padding: 30px 30px; }
.contact-list-1 li { width: 25%; }
.contact-list-1 li:nth-child(3n) { width: 42%; }
.contact-list-2 li .box .des p ~ p { margin-top: 5px; }
}
@media (max-width:1300px) {
.contact-list-1 li:last-child .des p { font-size: 14px; }
.contact-list-2 li .box h4 { font-size: 16px; }
.contact-list-2 li .box .des { font-size: 13px; }
}
@media (max-width:1200px) {
.map-bar { position: absolute; left: 4%; margin-left: 0; }
.contact-list-2 li .box .des { flex: none; }
.contact-list-2 li .box .pic { width: 200px; margin-left: 0; height: 200px; }
.contact-list-2 li .box { height: auto; }
.contact-list-2 li .box .des { height: 82px; }
}
@media (max-width:640px) {
.contact-list-1 li:nth-child(3n) { width: 50%; }
}

/*联系 E*/

/*智造实力 S*/
.muscleA { position: relative; padding-top: 75px; padding-bottom: 62px; border-bottom: 1px solid #ddd; }
.muscleA .page-title p { width: 66.25%; margin-top: 35px; }
.muscleA .cont { margin-top: 35px; width: 66.25%; font-size: 16px; line-height: 30px; color: #595757; }
.muscleA .yf-pic { margin-top: 60px; }
.yfcenter-num { position: absolute; right: 0; top: 26%; width: 24%; }
.muscleB { padding-top: 100px; padding-bottom: 85px; }
.muscleC { padding-top: 85px; padding-bottom: 85px; }
.swiper-container-hzjg { margin-top: 45px; }
.swiper-container-honor { margin-top: 40px; }
.honor-box { text-align: center; }
.honor-box .pic { background: #fff; padding: 30px 20px; height: 460px; display: flex; align-items: center; justify-content: center; }
.honor-box .pic img { max-height: 100%; }
.honor-box h4 { font-size: 16px; line-height: 1.5; color: #595757; margin-top: 20px; margin-bottom: 4px; }
.muscleD { padding: 95px 0; }
.scsl-pic { margin-top: 50px; margin-bottom: 40px; }
.scsl-scroll li { text-align: center; width: 32%; }
.muscleE { padding-top: 85px; padding-bottom: 110px; }
.swiper-container-hzzs { margin-top: 45px; }

/*智造实力 E*/
.qt-title { margin-bottom: 50px; }
.qt-title h3 { text-align: center; font-size: 36px; color: #333; line-height: 1; }

/*服务支持*/
.down-list a { width: 49%; height: 60px; align-items: center; padding: 0 20px; border: 1px solid #ddd; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); margin-top: 20px; font-size: 16px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.down-list a:hover { background: #ff6600; color: #fff; }
.down-list a .tit { width: 80%; }
.down-list a .tit span { flex: 1; line-height: 1.3; }
.down-list a .tit i { color: #ff6600; margin-right: 10px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.down-list a:hover .tit i { color: #fff; }
.down-list a .down i { margin-right: 5px; }
.honor-list .item .vid-box .pic { height: auto; padding: 0; position: relative; height: 200px; }

/*.honor-list .item .vid-box .pic:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
margin-top: -30px;
margin-left: -30px;
width: 60px;
height: 60px;
background: url(../images/video-btn2.png) no-repeat center;
background-size: contain;
}*/
.honor-list .item .vid-box .pic:before { content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05) url(../images/video-btn2.png) no-repeat center; background-size: 60px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.honor-list .item .vid-box:hover .pic:before { background-color: rgba(255,102,0,.7); }
.qr-tc { display: none; position: fixed; left: 50%; top: 50%; margin-left: -120px; margin-top: -100px; width: 240px; padding: 20px 15px 15px; text-align: center; z-index: 99; font-size: 16px; line-height: 30px; background: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 10%); }
.qr-tc p {    /*margin-top: 10px;*/ }
.qr-tc p b { font-size: 20px; color: #ff6600; }
.qr-tc .close-btn { font-size: 12px; color: #999; margin-top: 10px; cursor: pointer; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }
.qr-tc .close-btn:hover { color: #ff6600; }
.product-search-tj { margin-top: 50px; }

/*其他补充*/

/*Map*/
#map { height: 500px; }

/*#map,#map * {transition:none;}
.map_loading i {position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
font-size: 0.45rem;
color: #FFF;}*/
.infowindow-content { padding: 25px 15px; }
.infowindow-content h3 { font-size: .15rem; color: #0370be; font-weight: bold; white-space: nowrap; margin: 0 0 .1rem; }
.infowindow-content p { font-size: .13rem; color: #333; margin: 0 0 .05rem }
.amap-adcombo-close { background-color: #000 }
.foot-form { padding: 72px 0; background: url(../images/form-bg.jpg) no-repeat center; background-size: cover; }
.foot-form .title { width: 30%; padding-top: 10px; }
.foot-form .cont { width: 60.9%; }
.foot-form .title h3 { font-size: 24px; line-height: 1.5; color: #000000; }
.foot-form .title h3 b { font-size: 48px; }
.foot-form .title h4 { font-size: 24px; line-height: 1.5; color: #000000; }
.foot-form .title .tel { margin-top: 45px; }
.foot-form .title .tel b { font-family: DINPro-Medium; font-size: 32px; line-height: 36px; color: #ff6600; display: inline-block; vertical-align: middle; }
.foot-form .title .tel i { display: inline-block; vertical-align: middle; width: 33px; height: 33px; background-color: #ff6600; color: #fff; font-size: 20px; border-radius: 50%; line-height: 33px; text-align: center; }
.foot-form .title .tel span { display: inline-block; width: 25px; height: 26px; vertical-align: middle; font-size: 12px; line-height: 1.1; text-align: center; color: #4d4d4d; margin-left: 4px; margin-right: 12px; }
.foot-form .cont .form-list .inp { width: 32.5%; height: 50px; background-color: #ffffff; font-size: 16px; color: #888888; padding: 0 25px; }
.foot-form .cont .form-list .vcode { width: 20%; height: 50px; background-color: #ffffff; font-size: 16px; color: #888888; padding: 0px 25px;margin-top: 20px; }
.foot-form .cont .form-list .vimg { width:10%; height: 50px; background-color: #ffffff; font-size: 16px; color: #888888; margin-left:-30%;margin-top: 20px; }
.foot-form .cont .form-list textarea { width: 100%; height: 120px; background-color: #ffffff; font-size: 16px; color: #888888; padding: 12px 25px; margin-top: 10px; }
.foot-form .cont .form-list .sub { width: 200px; height: 50px; background-color: #ff6600; margin-top: 20px; font-size: 16px; color: #ffffff; cursor: pointer; }
@media (max-width:1600px) {
.foot-form .title h3 b { font-size: 36px; }
.foot-form .title h3, .foot-form .title h4 { font-size: 20px; }
.down-list a { font-size: 15px; }
.fwzc-list .item p { font-size: 13px; }
.honor-box .pic { height: 424px; }
.foot-form .title .tel b { font-size: 24px; line-height: 24px; }
}
@media (max-width:768px) {
.swiper-pagination-bullet-active { background: #ff6600; }
.cate-banner .tit { top: 28%; }
.cate-banner .tit img { height: 90px; }
.foot-form { padding: 40px 0; }
.foot-form .title { width: 100%; padding-top: 0; }
.foot-form .cont { width: 100%; }
.foot-form .title h3, .foot-form .title h4 { font-size: 16px; line-height: 1.75; }
.foot-form .title h3 b { font-size: 28px; }
.foot-form .title .tel { margin-top: 30px; margin-bottom: 35px; }
.foot-form .title .tel b { font-size: 32px; }
.foot-form .cont .form-list .inp { width: 100%; height: 40px; background-color: #ffffff; font-size: 14px; color: #888888; padding: 0 15px; }
.foot-form .cont .form-list .inp ~ .inp { margin-top: 10px; }
.foot-form .cont .form-list textarea { width: 100%; height: 80px; font-size: 14px; padding: 10px 15px; margin-top: 10px; }
.foot-form .cont .form-list .vcode { width: 35%; height: 40px; background-color: #ffffff; font-size: 14px; color: #888888; padding: 0px 25px;margin-top: 15px; }
.foot-form .cont .form-list .vimg { width:25%; height: 40px; background-color: #ffffff; font-size: 14px; color: #888888; margin-top: 15px; margin-left:1%; margin-right:35%;}
.foot-form .cont .form-list .sub { width: 180px; height: 40px; margin-top: 15px; font-size: 14px; }
}
.links { color: #9ea4ae; font-size: 14px; padding-bottom: 25px; }
.links a { color: #9ea4ae; margin-right: 10px; }
.links a:hover { color: #ff6600; }
@media (max-width:1600px) {
.page-news-list .item .date { right: 40px; }
.page-news-list .item .cont { width: 48%; margin-left: 40px; }
}
@media (max-width:1020px) { }
@media (max-width:768px) {
.cate-wrap { padding-top: 20px; padding-bottom: 20px; }
.cate-wrap li { margin-bottom: 10px; }
.cate-wrap li a { height: 40px; line-height: 40px; font-size: 14px; padding: 0 10px; }
.cate-wrap-4 li { width: auto; }
.cate-wrap-4 li:nth-child(4n) { margin-right: 1.3333%; }
.air-search { padding: 25px 25px; }
.air-search .tit { font-size: 24px; }
.air-search-qt .cont .inp-qt { line-height: 50px; width: 100%; font-size: 12px; }
.s-tip { margin-top: 30px; font-size: 14px; }
.air-result { padding: 20px 20px; margin-bottom: 10px; }
.air-result-qt ul li { width: 50%; font-size: 14px; padding: 5px 5px 5px 0; }
.air-form .item { width: 100%; margin-top: 15px; }
.air-search .cont .com-zixun { display: none; }
.air-result ul li { width: 50%; padding: 5px 5px 5px 0; font-size: 14px; }
.product-inner-list .item .pic { width: 100%; height: auto; overflow: hidden; }
.product-inner-list .item .cont { padding-top: 20px; width: 100%; padding-right: 0; }
.body-inner { padding-top: 55px; }
.mbx-bar .wp { padding: 8px 0; height: auto; font-size: 12px; }
.mbx-bar .wp .back-btn { display: none; }
.product-intro { padding: 20px 0; flex-direction: column-reverse; }
.product-intro .cont { width: 100%; padding-right: 0; padding-top: 30px; }
.product-album { width: 100%; }
.swiper-container-big { float: none; width: 100%; height: auto; }
.album-small { display: none; }
.product-intro .cont h1 { font-size: 20px; }
.product-intro .cont .des { max-height: 165px; overflow-y: scroll; font-size: 14px; line-height: 1.75; margin-top: 20px; }
.morebar-big .zx { width: 130px; height: 40px; border-radius: 21px; line-height: 40px; font-size: 14px; }
.morebar-big .tel { margin-top: 0; line-height: 40px; margin-left: 0; }
.product-content { width: 100%; }
.js-tab-tit { padding: 15px 20px; }
.pro-tab-tit li { font-size: 16px; }
.pro-tab-tit li ~ li { margin-left: 10px; }
.product-detail { padding: 20px; }
.pro-tab-tit li:before { bottom: -16px; }
.product-form h3 { font-size: 20px; color: #333; font-weight: bold; text-align: center; margin-bottom: 0px; margin-top: 10px; }
.com-form-box { margin-top: 30px; }
.com-form-box ul li input { font-size: 14px; color: #999; width: 100%; line-height: 40px; padding: 0 15px; }
.com-form-box .textarea { padding: 15px; height: 120px; font-size: 14px; line-height: 1.75; }
.com-form-box .submit { margin-top: 10px; width: 100%; height: 40px; line-height: 40px; font-size: 16px; }
.product-xg { display: none; width: 100%; }
.product-detail img { max-width: 100%; width: auto !important; height: auto !important; }
.detail-other { padding: 10px 20px; }
.detail-other .share { display: none; }
.detail-page { width: 100%; }
.detail-page .item { max-width: 100%; padding: 5px 0; }
.solution-list { margin-bottom: -20px; }
.solution-list .item { margin-bottom: 20px; }
.solution-list .item .abox .pic { height: 325px; }
.solution-list .item .abox .solution-cover { display: none; }
.solution-list .item .abox .tit { padding: 15px 0px 5px; }
.solution-list .item .abox .tit h4 { font-size: 14px; width: 100%; color: #666 !important; }
.solution-list .item .abox .tit i { display: none; }
.solution-list .item .abox:hover .tit { opacity: 1; }
.product-index-list.solution-album .item { margin-bottom: 20px; }
.scroll-item { width: 32%; margin-bottom: 30px; text-align: center; }
.scroll-item .num { font-size: 24px; }
.scroll-item .tit { font-size: 12px; }
}
@media (max-width:640px) {
.contact-list-2 li { width: 100%; }
.contactC { padding: 40px 0 40px; }
.contact-list-2 { margin-top: 35px; }
.contact-list-2 li .box { height: auto; padding: 25px 30px; }
.contact-list-2 li .box .des p:before { margin-top: 2px; }
.contact-list-2 li .box:before { top: 20px; }
.contact-list-2 li .box .pic { width: 180px; height: 180px; }
.contactA { padding-top: 20px; padding-bottom: 40px; }
.contact-list-1 { margin-top: 35px; }
.contactB img { height: 200px; object-fit: cover; }
.map-bar { position: absolute; left: 4%; bottom: 32px; margin-left: 0; height: 90px; padding: 10px 15px 20px; font-size: 14px; line-height: 1.5; justify-content: center; }
.map-bar .tit b { font-size: 14px; }
.map-bar .more { width: 140px; height: 35px; border-radius: 20px; line-height: 35px; font-size: 14px;        /*margin-top: 10px;*/ }
.contactB {        /*text-align: center;*/ }
.contact-list-1 { padding: 20px 15px; }
.contact-list-1 li { width: 50%; text-align: center; justify-content: center; align-items: flex-start; margin: 20px 0; }
.contact-list-1 li .des { padding-left: 0; width: 100%; }
.contact-list-1 li img { width: 40px; }
.contact-list-1 li .des p { font-size: 13px; margin-top: 5px; }
.detail-banner .pic { overflow: hidden; height: 200px; padding-bottom: 0; background: #f5f5f5; }
.detail-banner .pic img { height: 100%; object-fit: cover; }
.detail-banner .tit { left: 0; margin-left: 0; padding: 0 4%; text-align: center; }
.detail-banner .tit h1 { font-size: 22px; line-height: 1.3; color: #fff; margin-bottom: 30px; }
.mbx-box i { font-size: 16px; margin-right: 5px; }
.solution-list .item .abox .pic { height: 145px; }
.product-intro .cont .des { max-height: none; overflow-y: visible; height: auto; }
.product-intro .cont img { height: 50px; }
.product-intro .cont .morebar { margin-top: 40px; }
.morebar-big .tel i { display: none; }
.morebar-big .tel span { font-size: 16px; }
.solution-item .solution-tit { font-size: 20px; padding-left: 15px; line-height: 20px; margin-bottom: 30px; }
.solution-item .solution-tit:before { width: 3px; height: 20px; }
.solution-item { padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.solution-item ~ .solution-item { margin-top: 35px; }
.swp-bar-case .swp-btn { display: none; }
.swp-bar-case { margin-top: 20px; }
.swp-bar .swp-page .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 4px; }
.cate-big { margin-top: 20px; height: auto; background: #f5f5f5; justify-content: flex-start; }
.cate-big a { line-height: 36px; font-size: 14px; color: #333; }
.cate-big a.on { color: #fff; background: #ff6600; }
.cate-big a:before { height: 1px; }
.in-solution-list li .abox { height: 130px; }
.solution-icon { display: none; }
.homeA .item-left .cont h3 b { font-size: 24px; }
.homeA .item-left .cont h3 { font-size: 12px; }
.in-scroll-num-min li .tit { font-size: 10px; line-height: 1.5; }
.in-solution-list li .abox .cont h4 { text-shadow: 0 2px 4px rgba(0, 0, 0, .2); font-size: 13px; }
.in-title h4 { font-size: 12px; }
.homeA .item-left .cont p { font-size: 12px; margin-top: 15px; }
.homeA .item-left img { height: 260px; }
.banner .swiper-pagination .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.product-index-list .item .tit { font-size: 12px; line-height: 40px; }
.in-ys-content .item .cont h4 { font-size: 18px; }
.in-ys-content .item .cont p { font-size: 12px; margin-top: 20px; }
.in-tab-box ul li .tit .en { font-size: 10px; margin-top: 5px; }
.in-tab-box ul li .tit h4 { font-size: 14px; line-height: 1.3; padding: 0; }
.com-more { padding: 0 30px; }
.homeH .cont { font-size: 14px; }
.homeH .cont br { display: none; }
.in-scroll-num-big li .num { font-size: 24px; }
.in-scroll-num-big li .tit { margin-top: 4px; }
.in-news-tab li a { font-size: 14px; }
.in-news-list .item .news-pic .cont .tit { font-size: 14px; }
.foot-form .title h3, .foot-form .title h4 { font-size: 14px; }
.foot-form .title h3 b { font-size: 24px; }
.foot-form .title .tel b { font-size: 21px; }

/*关于*/
.aboutA { padding-top: 40px; padding-bottom: 40px; }
.page-title.center h3 { padding-bottom: 20px; font-size: 24px; }
.page-title.center h3:before { height: 2px; }
.aboutA .cont { font-size: 14px;        /*line-height: 1.75;*/ max-width: 100%; }
.page-scroll-list { padding: 40px 0 20px; text-align: center; }
.scroll-item .tit { font-size: 10px; }
.aboutA .pic .video-btn { width: 40px; margin-left: -20px; margin-top: -20px; }
.aboutB { padding-top: 40px; padding-bottom: 40px; }
.culture-list { margin-top: 35px; }
.culture-list .item { width: 100%; padding: 30px 20px; }
.culture-list .item ~ .item { margin-top: 10px; }
.culture-list .item img { width: 60px; }
.culture-list .item h4 { font-size: 18px; margin-top: 20px; margin-bottom: 10px; }
.aboutC { padding-top: 40px; padding-bottom: 40px; }
.swiper-container-history { padding: 0; margin-top: 0;        /*background: #fff;*/ overflow: hidden; }
.swiper-container-history .swiper-slide { width: 100%; }
.history-wrap:before { display: none; }
.swiper-container-history .swiper-slide ~ .swiper-slide { margin-left: 0; }
.swiper-container-history .swiper-slide .cont { position: static; height: auto; padding: 20px;        /*box-shadow: none;*/ }
.swiper-container-history .swiper-slide .tit, .swiper-container-history .swiper-slide .cont:before { display: none; }
.swiper-container-history .swiper-slide .cont h4 { font-size: 18px; line-height: 1; }
.swiper-container-history .swiper-slide .cont .des { font-size: 14px; line-height: 1.75; color: #81868e; margin-top: 20px; }
.history-wrap { margin-top: 30px; }
.page-title p { margin-top: 15px; font-size: 12px; line-height: 1.5; }
.culture-list .item p { font-size: 12px; }
.fwzc-list .item { width: 100%; max-height: none; padding: 25px 20px; }
.fwzc-list .item ~ .item { margin-top: 20px; }
.fwzc-list { margin-top: 35px; }
.fwzc-list .item img { width: 60px; }
.fwzc-list .item h4 { font-size: 18px; margin-top: 20px; margin-bottom: 10px; }
.fwzc-list .item p { font-size: 12px; line-height: 1.75; }
.page-fwwd { padding-top: 20px; padding-bottom: 40px; }
.honor-box .pic { padding: 10px 10px; height: 220px; }
.honor-list .item .honor-box h4 { margin-bottom: 20px; font-size: 12px; margin-top: 10px; }
.honor-list { margin-bottom: -15px; }
.page-news-list .item { padding: 15px; justify-content: space-between; }
.page-news-list .item .pic { width: 25%; height: auto; }
.page-news-list .item .date { display: none; }
.page-news-list .item .cont .tit { font-size: 16px; }
.page-news-list .item .cont { width: 70%; margin-left: 0; flex: none; }
.page-news-list .item .cont .des { font-size: 12px; line-height: 1.75; height: auto; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.page-news-list .item .cont .more { display: none; }
.cate-banner .tit { top: 26%; }
.muscleA { padding-top: 40px; padding-bottom: 40px; }
.page-title.left h3 { padding-left: 15px; font-size: 24px; }
.page-title.left h3:before { left: 0; top: 0; width: 4px; height: 24px; }
.muscleA .page-title p { width: 100%; margin-top: 15px; }
.muscleA .cont { margin-top: 30px; width: 100%; font-size: 14px; line-height: 1.75; }
.yfcenter-num { position: static; right: 0; top: 0; width: 100%; margin-top: 30px; }
.muscleA .yf-pic { margin-top: 0; }
.scroll-item .num span { position: relative; top: 0; font-size: 20px; }
.muscleA .scroll-item { width: 49%; }
.scroll-item h4 { font-size: 12px; }
.muscleA .yf-pic li { width: 100%; }
.muscleA .yf-pic li ~ li { margin-top: 10px; }
.muscleB { padding-top: 40px; padding-bottom: 40px; }
.swp-page-com { margin-top: 30px; }
.swp-page-com .swiper-pagination-bullet { margin: 0 5px !important; width: 10px; height: 10px; }
.muscleC { padding-top: 40px; padding-bottom: 40px; }
.honor-box h4 { font-size: 12px; line-height: 1.5; color: #595757; margin-top: 10px; margin-bottom: 0px; }
.muscleD { padding: 40px 0; }
.solution-list .item .abox .tit h4 { font-size: 12px; }
.scsl-pic { margin-top: 40px; margin-bottom: 20px; }
.scsl-pic li { width: 100%; }
.scsl-pic li ~ li { margin-top: 10px; }
.muscleD .scsl-scroll { margin-top: 30px; }
.muscleD .scsl-scroll li { margin-bottom: 0; }
.muscleE { padding-top: 40px; padding-bottom: 40px; }
.cate-banner .tit img { height: 65px; }
.cate-big.cate-6 a { width: 25%; }
.down-list a:first-child { margin-top: 0; }
.down-list a { width: 100%; height: 50px; align-items: center; padding: 0 15px; margin-top: 10px; font-size: 12px; }
.page-news-list.tech-list .item { width: 100%; margin-bottom: 15px; }
.page-news-list.tech-list .com-page { margin-top: 30px; width: 100%; }
.honor-list .item .vid-box .pic { height: 150px; }
.honor-list .item .vid-box .pic:before { background-size: 40px; }
.cate-wrap-4 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.cate-wrap-4 li { width: 49%; margin-right: 0; }
.cate-wrap-4 li:nth-child(4n) { margin-right: 0; }
.cate-wrap li a { padding: 0 5px; }
.cate-wrap-4.clearfix:after { display: none; }
.nodata-info { text-align: center; font-size: 14px; line-height: 30px; border-top: 1px solid #ddd; padding-top: 30px; }
.nodata-info b { color: #ff6600; font-size: 16px; }
.product-search-tj { margin-top: 40px; }
}
.holder-pic { position: relative; }
.holder-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

/*移动端咨询*/
.menu-footer { display: none; width: 100%; height: 45px; line-height: 45px; text-align: center; background: rgba(0, 0, 0, 0.7); font-size: 0; position: fixed; left: 0; bottom: 0; z-index: 99999; }
.menu-footer a { position: relative; float: left; width: 50%; color: #fff; font-size: 14px; }
.menu-footer i { margin-top: -2px; margin-right: 5px; vertical-align: middle; display: inline-block; }
.menu-footer a ~ a:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -5px; height: 10px; border-left: 1px solid #a0a0a0; opacity: 0.5; }
@media (max-width:640px) {
.menu-footer { display: block; }
.footer { padding-bottom: 45px; }
#to-top { visibility: hidden; }
}

/*右侧客服新*/

/*客服02*/
.kf02 { position: fixed; top: 110px; right: 0; z-index: 999; width: 130px; background: #f3f3f3; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.kf02.on { right: -130px; }
.kf02-head { height: 134px; background: url(../images/kf-2-0.png) no-repeat center; font-size: 0; }
.kf02-list li ~ li { border-top: 1px solid #dadada; }
.kf02-list li .box { position: relative; padding: 5px 0px 5px 40px; }
.kf02-qq { position: absolute; left: 10px; top: 50%; width: 15px; height: 18px; background: url(../images/kf-2-qq.png) no-repeat center; background-size: contain; margin-top: -10px; }
.kf02-list li .box:hover .kf02-qq { -webkit-animation: sh-shake 2s ease infinite; animation: sh-shake 2s ease infinite; }

/*动画——抖动效果*/
@-webkit-keyframes sh-shake {
0%, 25%, 100% { -webkit-transform: translateY(0) }
3%, 9%, 15% { -webkit-transform: translateY(-3px) }
6%, 12%, 20% { -webkit-transform: translateY(3px) }
}
@keyframes sh-shake {
0%, 25%, 100% { -webkit-transform: translateY(0); transform: translateY(0) }
3%, 9%, 15% { -webkit-transform: translateY(-3px); transform: translateY(-3px) }
6%, 12%, 20% { -webkit-transform: translateY(3px); transform: translateY(3px) }
}
.kf02-list li .box .cont { font-size: 12px; line-height: 18px; font-size: 0; }
.kf02-list li .box .cont span { display: inline-block; width: 50%; font-size: 12px; color: #333; vertical-align: middle; }
.kf02-list li .box .cont span.big { width: 100%; }
.kf02-foot { height: 24px; background: url(../images/kf-2-1.png) no-repeat center; cursor: pointer; display: block !important; position: static !important; opacity: 1 !important; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.kf02-foot:hover { opacity: .8 !important; }
.kf02-left { position: absolute; left: -30px; top: 0; width: 30px; height: 120px; background: #bf9f62; border-radius: 5px; text-align: center; color: #fff; font-size: 16px; padding-top: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; line-height: 1.3; cursor: pointer; }
.kf02-left .icon-right { display: inline-block; margin-top: 8px; width: 16px; height: 16px; border: 1px solid #fff; border-radius: 50%; background: url(../images/kf-02-close.png) no-repeat center; background-size: 5px; }
.kf02-close { position: absolute; left: -25px; top: 0; width: 25px; height: 30px; background: rgba(0, 0, 0, .2); cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.kf02-close .icon-close { width: 25px; height: 30px; background: url(../images/kf-02-close.png) no-repeat center; background-size: 10px;   /*-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;*/ }
.kf02-close:hover { background-color: rgba(244, 101, 28, .5); }
.kf02-close.on .icon-close { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
@media (max-width:1600px) {
    /*.kf02-head { height: 40px; background: #f4651c; text-align: center; line-height: 40px; font-size: 14px; color: #fff; }*/
    /*.kf02-list li .box .cont { line-height: 14px; }*/
    /*.kf02-list li .box { padding: 5px 0px 1px 50px; }*/
}
@media (max-width:1024px) {
    .kf02 {display: none;}
}